<template>
  <div>
    <headTwo></headTwo>
    <div class="content">
      <contentL :courseId="Number($route.params.courseId)" ></contentL>
      <courseDetail :courseId="Number($route.params.courseId)"></courseDetail>
    </div>
    <bottom></bottom>
  </div>
</template>

<script>
import headTwo from "../components/headTwo.vue";
import bottom from "../components/bottom.vue";
import contentL from "../components/content.vue";
import courseDetail from "../components/courseDetail.vue";
export default {
  components: {
    headTwo,
    bottom,
    contentL,
    courseDetail
  }
};
</script>

<style lang="less" scoped>
.content {
  /*height: 500px;*/
  width: 100%;
  padding: 0 10%;
  background-color: #f4f4f4;
  padding-bottom: 20px;
}
</style>